<template>
	<div class="page review">
		<x-header class='header' slot="header" :left-options="{backText: ''}">复查指导</x-header>
		<div class="top" style="height: 50px; width: 100%;"></div>
		<view-box>
			<ul class="list" v-for="item in review_guidance">
				<li>
					<div class="top2 clearfix">
						<span class="left">{{item.reviewProject}}</span>
						<span class="right">复查时间:{{item.reviewTime}}</span>
					</div>
					<div class="bottom">
						注意事项：{{item.reviewDescription}}
					</div>
				</li>
			</ul>
		</view-box>

	</div>
</template>

<script>
	import Api from '@/api/index.js' //  引入api文件
	export default { 
		data(){
			return {
				customer_id: '',
				review_guidance: []
			}
		},
		created(){
			this.customer_id = localStorage.getItem('customer_id');
			this.getData();
		},
		methods: {  //GET /improve/review_guidance/{customer_id
			getData(){
				const review_guidanceApi = Api.review_guidanceApi + this.customer_id;  // 复查指导
				this.$http.get(review_guidanceApi)
				.then(({data})=>{
					this.review_guidance = data.data;
					console.log(data)
				})
				.catch((err)=>{
					console.log(err)
				})
			}
		}
	}
</script>


<style lang="less" scoped>
	.review {
		position: fixed !important;
		left: 0;
		top: 0;
		right: 0;
		background: #fff;
		z-index: 999;
		width: 100%;
		height: 100%;
		overflow: hidden;
		li {
			width: 100%;
			float: left;
			padding: 10px 15px;
			position: relative;
			margin-bottom: 10px;
			.top2 {
				width: 100%;
				.right {
					float: right;
					color: #333;
					font-size: 18px;
				}
				.left {
					color: #3aaffc;
					font-size: 18px;
					float: left;
				}
			}
			.bottom {
				float: left;
				color: #666;
				font-size: 14px;
			}
		}
		li:after {
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			border-bottom: 1px solid #e3e3e3;
			position: absolute;
			left: 0;
			bottom: -1px;
			transform: scaleY(0.5);
		}
	}
</style>